<ion-view view-title="精选" class="p-gray-bg">
    <ion-nav-bar class="bar-energized">
    </ion-nav-bar>
    <ion-content style="background: url(img/background.jpg) no-repeat center center, -webkit-linear-gradient(top, rgb(250, 149, 59) 0%, rgb(245, 88, 69) 100%);background-size: cover;">

        <!--<div class="divChoice" style="margin-left:30px;float:left">
            精选
        </div>
        <a href="#/buynote"><div class="divChoice" style="float:left;background: none">
            购买记录
        </div></a>
        <a href="#/rank"><div class="divChoice" style="float:left;background: none">
            收益排行榜
        </div></a>-->
        <div class="choicediv" style="background-color: #FAEBD7;clear: both;width:100%;height:160px;margin-top:20px;">

            <div style="padding-left: 5%; text-align: center;float:left;width:40%">

                <p style="color:gray; font-family: Microsoft Yahei;width:100%;">江南愤青1号</p>

                <div class="circle" style="text-align: center;">
                    <span style="font-weight:900;"><p style="color:#ffffff;padding-top: 20%">148.11%</p>
                    <p style="color:#ffffff;">近30日收益</p></span>
                </div>
            </div>
            <div style="float:left;width:3%">
                <hr style="height:130px;width: 0.05px;margin-left:3%;" color="#999999">
            </div>
            <div style="float:left;width:57%">
                <p style="color:gray">购买比例</p>
                <div class="rectangle" style="width: 70%;background: #FF6600">
                    网贷 22%
                </div>

                <div class="rectangle" style="width: 45%;background-color:darkgray;">
                    期贷 15%
                </div>

                <div class="rectangle" style="width: 60%;background-color:red">
                    银行理财 20%
                </div>

                <div class="rectangle" style="width: 40%;background-color:lightcoral">
                    股票 13%
                </div>

                <div class="rectangle" style="width: 90%;background-color:coral">
                    随机宝 30%
                </div>
            </div>
        </div>
        <br>
        <div class="choicediv" style="background-color: #FAEBD7;clear: both;width:100%;height:160px">

            <div style="padding-left: 5%; text-align: center;float:left;width:40%">

                <p style="color:gray; font-family: Microsoft Yahei;width:100%;">江南愤青2号</p>

                <div class="circle" style="text-align: center; background-color: #007aff">
                    <span style="font-weight:900;"><p style="color:#ffffff;padding-top: 20%">88.11%</p>
                    <p style="color:#ffffff;">近30日收益</p></span>
                </div>
            </div>
            <div style="float:left;width:3%">
                <hr style="height:130px;width: 0.05px;margin-left:3%;" color="#999999">
            </div>
            <div style="float:left;width:57%">
                <p style="color:gray">购买比例</p>
                <div class="rectangle" style="width: 70%;background: #FF6600">
                    网贷 22%
                </div>

                <div class="rectangle" style="width: 45%;background-color:darkgray;">
                    期贷 15%
                </div>

                <div class="rectangle" style="width: 60%;background-color:red">
                    银行理财 20%
                </div>

                <div class="rectangle" style="width: 40%;background-color:lightcoral">
                    股票 13%
                </div>

                <div class="rectangle" style="width: 90%;background-color:coral">
                    随机宝 30%
                </div>
            </div>
        </div>

        <div style="clear: both;color:#666666;font-family: microsoft yahei;font-size:16px;margin:20px 0px 0px 20px;">
            特色产品，购买请联系客服(4000601518)。
        </div>
    </ion-content>
</ion-view>